*
{
    margin: 0;
    padding: 0;
}
.validation-summary-errors, .field-validation-error
{
color:red;
font-size:11px;
}
body
{
    background: #e9eaed;
    font-family: tahoma;
    font-size: 13px;
}

.container
{
    width: 1000px;
    margin: 0px auto;
}

.clr
{
    clear: both;
}

.topbar
{
    height: 35px;
    background: #4c66a4;
    width: 100%;
    display: table;
}

.logo
{
    width: 260px;
    height: 30px;
    padding-top: 2px;
    float: left;
}

    .logo a h1
    {
        width: 260px;
        height: 110px;
        display: block;
        position: absolute;
        background: url("../images/logo.png") no-repeat;
        text-indent: -9999px;
        z-index: 10;
        margin-top: -60px;
    }

.searchbox
{
    float: left;
    width: 520px;
    padding-top: 4px;
}

    .searchbox ul.notifymenu
    {
        display: block;
        position: relative;
        padding-left: 10px;
        list-style: none;
    }

        .searchbox ul.notifymenu li
        {
            display: block;
            float: left;
            height: 30px;
        }

            .searchbox ul.notifymenu li a
            {
                display: block;
                color: #f3f4f7;
                text-decoration: none;
                float: left;
                height: 20px;
                margin-top: 5px;
                padding-top: 2px;
                padding-left: 10px;
                padding-right: 10px;
                font-weight: bold;
                text-align: center;
            }

                .searchbox ul.notifymenu li a:hover
                {
                    background: #3d5b99;
                }
                 .searchbox ul.notifymenu li a.cactive
                {
                    background: #3d5b99;
                    color:yellow;
                }

    .searchbox ul li a img
    {
        display: block;
        width: 20px;
        float: left;
    }

    .searchbox ul.notifymenu li a span
    {
        display: block;
        padding-left: 5px;
        float: left;
    }

.topuserpanel
{
    width: 220px;
    float: right;
}

input.txtsearch
{
    width: 98%;
    display: block;
    height: 25px;
    border-radius: 4px;
    border: none;
    text-align: left;
    padding: 0 6px;
}

.topuserpanel ul.notifymenu
{
    display: block;
    position: relative;
    padding-left: 10px;
    list-style: none;
    float: right;
}

    .topuserpanel ul.notifymenu li
    {
        display: block;
        float: left;
        height: 30px;
    }

        .topuserpanel ul.notifymenu li a
        {
            display: block;
            color: #f3f4f7;
            text-decoration: none;
            float: left;
            height: 20px;
            margin-top: 5px;
            padding-top: 2px;
            padding-left: 10px;
            padding-right: 10px;
            font-weight: bold;
            text-align: center;
        }

            .topuserpanel ul.notifymenu li a:hover
            {
                background: #3d5b99;
            }

.topuserpanel ul li a img
{
    display: block;
    width: 20px;
    float: left;
}

.topuserpanel ul.notifymenu li a span
{
    display: block;
    padding-left: 5px;
    float: left;
}

.iconnav
{
    text-indent: -9999px;
    width: 10px;
    height: 32px !important;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px !important;
}

.iconnav-addfriend
{
    background-image: url("../images/iconshop.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 0 -386px;
}

.iconnav-message
{
    background-image: url("../images/iconshop.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 0 -322px;
}

    .iconnav-message:hover
    {
        background-image: url("../images/iconshop.png") !important;
        background-repeat: no-repeat !important;
        background-size: auto !important;
        background-position: -32px -288px !important;
    }

.iconnav-addfriend:hover, .iconnav-addfriend:hover
{
    background-image: url("../images/iconshop.png") !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
    background-position: -34px -354px !important;
}

.iconnav-notify
{
    background-image: url("../images/iconshop.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 0 -418px;
}

    .iconnav-notify:hover, .iconnav-notify:focus
    {
        background-image: url("../images/iconshop.png") !important;
        background-repeat: no-repeat !important;
        background-size: auto !important;
        background-position: -32px -386px !important;
    }

.topuserpanel ul.notifymenu li a.iconnav-setting
{
    margin-left: 6px;
    width: 15px !important;
    height: 10px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    background-image: url("../images/iconshop.png") !important;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -49px -676px;
    text-indent: -9999px;
    margin-top: 10px !important;
    display: block;
}

    .topuserpanel ul.notifymenu li a.iconnav-setting:hover
    {
        background-image: url("../images/iconshop.png") !important;
        background-repeat: no-repeat !important;
        background-size: auto;
        background-position: -17px -676px !important;
        padding-right: 0px !important;
    }

/*--------------------------minh hanh design*/
a
{
    text-decoration: none;
    color: #333333;
}

li
{
    list-style: none;
}

.body2
{
    width: 1000px;
    margin: 0px auto;
 
}

.body
{
    width: 1000px;
    margin: 10px auto;
    background: #e9eaed;
}
/*body left*/
.body_left
{
    width: 176px;
    float: left;
    /*margin-top:10px;*/
}

.user_box
{
    width: 164px;
    padding: 6px;
}

.user
{
    padding-bottom: 12px;
}

.iconuser
{
    float: left;
    margin-right: 7px;
    margin-bottom: 5px;
}

.username, .fix
{
    display: block;
}

.username
{
    font-weight: bolder;
}

    .username:hover, .fix:hover
    {
        text-decoration: underline;
        cursor: pointer;
    }

.line_1
{
    border: none;
    border-bottom: 1px solid #bfc1c5;
}

.suport
{
}

    .suport li
    {
        position: relative;
    }

        .suport li:hover
        {
            background: #dedede;
        }

.ico_li
{
    position: absolute;
    left: 5px;
    top: 4px;
}

.suport li a
{
    color: #333;
    display: block;
    line-height: 24px;
    padding-left: 25px;
}

.option_li
{
    width: 116px;
    float: left;
}

.option
{
    width: 22px;
    height: 24px;
    float: right;
    background: url("../images/iconshop.png");
    background-position: -61px -422px;
    padding-left: 0 !important;
    border-left: 1px solid #e9eaed;
}

    .option:hover
    {
        background: url("../images/iconshop.png") -61px -422px,#d0d0d0;
    }

.table_save
{
    width: 100%;
}

    .table_save td
    {
        width: 50%;
        padding: 4px 5px;
    }

.title
{
    font-size: 14px;
    color: #050505;
    text-align: center;
}

.register
{
    padding: 10px 0px;
}

.register_button
{
    display: block;
    width: 156px;
    padding: 4px 10px 6px 10px;
    background: #4c66a4;
    color: #fff;
    margin-bottom: 10px;
}

    .register_button:hover
    {
        background: #405a98;
    }

.table_register
{
    width: 100%;
}

    .table_register tr td
    {
        padding: 4px 2px;
    }

.status
{
    color: #4c66a4;
    padding: 5px 0;
}

.shop_name
{
    color: #0437b3;
}

    .shop_name:hover
    {
        text-decoration: underline;
    }

/*body center*/
.body_center
{
    width: 496px;
    float: left;
    margin: 0 16px;
}

.post
{
    width: 470px;
    border-radius: 1px;
    border: 1px solid #dfe0e4;
    background: #FFF;
    padding: 12px;
    position: relative;
    margin-bottom: 10px;
}

.pic_user
{
    float: left;
    padding: 0 5px 5px 0;
}

.user_detail
{
    float: left;
}

.name_user
{
    display: block;
    float: left;
    color: #3b5998;
    font-size: 16px;
    font-weight: bold;
    margin-top: 3px;
}

    .name_user:hover
    {
        text-decoration: underline;
    }

.button
{
    float: left;
    display: block;
    width: 7px;
    height: 9px;
    margin: 9px 6px;
    background: url("../images/button.png") no-repeat;
    background-position: 0px 0px;
}

    .button:hover
    {
        background: url("../images/button.png") no-repeat center;
        background-position: -7px 0px;
    }

.logo_shop_name
{
    float: left;
}

.time_line
{
    float: left;
    margin-top: 5px;
    color: #898f9c;
    height: 20px;
}

.time
{
    color: #898f9c;
    font-size: 11px;
    float: left;
}

    .time:hover
    {
        text-decoration: underline;
    }

.earth
{
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    background: url("../images/earth.png") no-repeat;
    margin: 2px 0 0 0;
}

.point
{
    padding: 0 3px;
    float: left;
}

.option_center
{
    position: absolute;
    display: block;
    right: 12px;
    top: 12px;
    width: 13px;
    height: 10px;
    background: url("../images/option.png") no-repeat;
    background-position: 0px 0px;
    z-index: 9999;
}

    .option_center:hover
    {
        background: url("../images/option.png") no-repeat;
        background-position: -13px 0px;
    }

.post_status
{
    float: left;
    font-size: 14px;
    line-height: 19px;
    text-align: justify;
}

.like_line
{
    float: left;
    padding-top: 2px;
}

.like, .comment, .share
{
    float: left;
    color: #6d84b4;
}

    .like:hover, .comment:hover, .share:hover
    {
        text-decoration: underline;
    }

.point_ce
{
    padding: 0 3px;
    float: left;
    color: #6d84b4;
}

.logo_shop
{
    margin-bottom: 10px;
}

.commercial
{
    padding: 5px 10px;
    background: #fff;
    margin-bottom: 10px;
    position: relative;
}

.commercial_left
{
    width: 106px;
    float: left;
}

.commercial_right
{
    width: 350px;
    padding-right: 5px;
    float: right;
}

.title_product
{
    font-size: 14px;
    color: #0b328f;
    font-weight: bold;
    display: block;
    margin-bottom: 7px;
}

    .title_product:hover
    {
        text-decoration: underline;
    }

.pic_product_list
{
    float: left;
}

.pic_product_item
{
    float: left;
    margin-right: 5px;
}

.score
{
    color: #4662c3;
    font-size: 18px;
    font-weight: bold;
    padding: 7px 17px;
    border: 1px solid #4662c3;
    margin-top: -1px;
    margin-left: 10px;
    float: left;
}

.link
{
    color: #4c66a4;
    margin: 3px 0px;
}

    .link:hover
    {
        text-decoration: underline;
    }


/*body right*/
.body_right
{
    width: 295px;
    float: right;
    color: #3c3030;
}

.status_box
{
    width: 273px;
    margin-bottom: 10px;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #e3dfdf;
}

.title_r
{
    display: block;
    padding: 3px 0px;
}

.text_area
{
    width: 261px;
    /*height:113px;*/
    height: 103px;
    border: 1px solid #9a9696;
    resize: none;
    padding: 5px;
    font-family: Arial;
    font-size: 12px;
    text-align: justify;
    text-align: left;
}

.post_into
{
    width: 162px;
    height: 23px;
    border: 1px solid #989494;
    font-size: 12px;
    float: left;
}

.earth_r
{
    display: block;
    width: 21px;
    height: 21px;
    float: left;
    border: 1px solid #989494;
    background: url("../images/iconshop.png") no-repeat,#3e5c9a;
    background-position: -5px -425px;
    margin-left: 5px;
}

    .earth_r:hover
    {
        background: url("../images/iconshop.png") no-repeat,#3e5c9a;
        background-position: -37px -393px;
    }

.btn_post
{
    width: 75px;
    height: 21px;
    border: 1px solid #989494;
    display: block;
    float: right;
    line-height: 21px;
    text-align: center;
    background: #3e5c9a;
    color: #fff;
}

.product_post
{
    margin: 5px 0;
}

.logo_shop_r
{
    float: left;
}

.name_shop
{
    color: #092f8b;
    font-weight: bold;
    padding: 3px;
}

.large_pic
{
    float: left;
}

.small_pic
{
    float: left;
    width: 84px;
}

.small_pic_item
{
    float: left;
    padding: 3px;
}

.buttons
{
    float: right;
    width: 100px;
}

.add_pic, .score_save
{
    width: 98px;
    height: 24px;
    display: block;
    border: 1px solid #908e8e;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    margin: 8px 0px;
}

    .add_pic:hover, .score_save:hover
    {
        background: #e2e2e2;
    }

.images
{
    padding: 7px 0px;
}

.about
{
    /*width:273px;*/
    width: 257px;
    border: 1px solid #dfdbdb;
    padding: 5px 7px;
    text-align: justify;
}

.partners
{
    width: 275px;
    padding: 5px 10px;
    background: #fff;
}

.op_1
{
    width: 125px;
    height: 23px;
    margin: 7px 0px;
}

.op_2
{
    width: 140px;
    height: 23px;
    float: right;
    margin: 7px 0px;
}

.partners_list > img
{
    float: left;
    margin: 1px;
}

.menu_bottom
{
    padding: 5px 0px;
    display: inline-block;
}

    .menu_bottom li
    {
        float: left;
        color: #8e93a0;
        margin: 0 2px;
    }

        .menu_bottom li:hover
        {
            text-decoration: underline;
        }

        .menu_bottom li a
        {
            color: #8e93a0;
        }

.copy_right
{
    padding-top:10px;
    display: block;
    float: left;
    color: #717274;
}
/*setting page*/
#s_body
{
    width: 1000px;
    margin: 0px auto;
    background: #ffffff;
}
/*body left*/
.s_body_left
{
    width: 180px;
    float: left;
    margin-left: 2px;
}

.s_menu_left
{
    padding: 10px 0px;
}

    .s_menu_left li
    {
        height: 20px;
        padding: 1px 0;
    }

.s_li_p
{
    float: left;
    padding: 0 2px;
}

.s_menu_left li a
{
    width: 100%;
    display: block;
    height: 20px;
}

.s_link_text
{
    float: left;
    line-height: 18px;
}

.s_menu_left li:hover
{
    background: #d8dfea;
}

.s_menu_left li:visited .link_text
{
    font-weight: bold;
}

.s_li_s
{
    float: left;
    padding: 0 3px;
}

.s_hr_menu_l
{
    border: none;
    border-bottom: 1px solid #cccccc;
}
/*body right*/
.s_body_right
{
    width: 759px;
    float: left;
    color: #3c3030;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 15px 20px;
    min-height: 600px;
}

.s_title_body_right
{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
}

.s_content_body_right
{
    /*padding:10px;*/
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
}

.s_li_lv1
{
    border-bottom: 1px solid #e9e9e9;
}

    .s_li_lv1:hover
    {
        background: #f2f2f2;
    }

        .s_li_lv1:hover .link_setting
        {
            text-decoration: underline;
        }

        .s_li_lv1:hover .img
        {
            display: block;
            float: left;
            width: 12px;
            height: 12px;
            padding: 2px;
            margin-right: 5px;
            background: url("../images/setting/pic_edit.png") center no-repeat;
        }

.s_a_lv1
{
    display: block;
    width: 98%;
    padding: 10px 1%;
}

.s_label
{
    display: block;
    float: left;
    width: 170px;
    font-size: 0.9em;
    font-weight: bold;
    color: #333333;
}

.s_content
{
    color: gray;
}

.s_link_setting
{
    float: right;
    color: #3b5998;
}

.s_act
{
    /*padding:10px 0px;*/
    background: #f2f2f2;
}

.s_content_act
{
    float: left;
    width: 420px;
}

.s_label_sub
{
    font-weight: bold;
    text-align: right;
    padding-bottom: 20px;
}

.s_text_box
{
    padding: 2px 5px;
}

.s_content_sub
{
    padding: 0 8px;
    float: right;
    padding-bottom: 20px;
}

.s_line
{
    border: none;
    border-top: 1px solid #cccccc;
}

.s_submit
{
    background: #adbad4;
    border: 1px solid #94a2bf;
    padding: 3px 5px;
    font-weight: bold;
    color: #fff;
    margin: 10px 3px 0 0;
}

.s_scancel
{
    background: #adbad4;
    border: 1px solid #94a2bf;
    background: url("../images/setting/bg_btn.png") repeat-x bottom;
    padding: 3px 5px;
    font-weight: bold;
}
/*end setting page*/




/*profile page*/
#p_header
{
    width: 1000px;
    margin: 0 auto;
    margin-bottom: 5px;
}

.p_background
{
    width: 998px;
    height: 311px;
    position: relative;
    border: 1px solid #444444;
}

.p_menu_top
{
    width: 998px;
    height: 41px;
    background: #ffffff;
    position: relative;
    border: 1px solid #c9cacd;
}

    .p_menu_top li
    {
        float: left;
    }

        .p_menu_top li:hover
        {
            background: #f6f7f8;
        }

        .p_menu_top li a
        {
            font-weight: bold;
            font-size: 13px;
            border-right: 1px solid #e9eaed;
            line-height: 40px;
            padding: 0 17px;
            /*height:43px;*/
            display: block;
            color: #3b5998;
        }

.act
{
    position: relative;
}

li:hover > .active
{
    position: absolute;
    width: 100%;
    height: 8px;
    background: url(../images/profile/active.png) no-repeat center;
    bottom: -2px;
}

#p_body
{
    margin: 0 auto;
}

.p_thumb_li
{
    padding: 0 17px;
    height: 41px;
    border-right: 1px solid #e9eaed;
}

    .p_thumb_li:hover
    {
        background: #ffffff !important;
    }

.p_thumb
{
    width: 170px;
    padding: 0 0 !important;
    position: relative;
    border-right: none !important;
    height: 28px !important;
}

.p_name_user
{
}

.p_username
{
    font-size: 24px !important;
    font-weight: bold !important;
    color: #fff !important;
    border-right: none !important;
    padding: 0 !important;
    position: absolute;
    left: 201px;
    bottom: 50px;
}

.p_avatar
{
    display: block;
    width: 160px;
    height: 160px;
    padding: 4px;
    background: #ffffff;
    border: 1px solid #b2b2b2;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    position: absolute;
    bottom: 0px;
}

.p_add_friend
{
    position: absolute;
    right: 15px;
    bottom: 15px;
    /*width: 293px;*/
}

.p_btn_add
{
    float: left;
    display: block;
    padding: 3px 8px;
    border: 1px solid #6e6e6d;
    background: #ffffff;
    font-weight: bold;
    border-radius: 3px;
    color: #555555;
    margin-right: 13px;
}

.p_control
{
    float: right;
    display: block;
    border: 1px solid #6e6e6d;
    background: #ffffff;
    font-weight: bold;
    border-radius: 3px;
}

.p_line
{
    border-left: 1px solid #d9d9d9;
    height: 16px;
    width: 1px;
    padding: 3px 0 !important;
}

.p_control li
{
    float: left;
}

    .p_control li a
    {
        padding: 3px 8px;
        display: block;
        color: #555555;
    }

.p_icon
{
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 2px;
    margin-top: 3px;
}

.p_option
{
    width: 29px;
    height: 12px;
    padding: 5px 6px !important;
    background: url(../images/profile/option.png) center no-repeat;
}

.opt
{
    position: relative;
}

    .opt:hover .p_option
    {
        background: url(../images/profile/option_hover.png) center no-repeat;
    }

    .opt:hover
    {
        background: #6d84b4;
    }

        .opt:hover > .lv_1
        {
            display: block;
        }

.lv_1
{
    position: absolute;
    width: 227px;
    border: 1px solid #777;
    border-bottom: 2px solid #293e6a;
    background: #fff;
    z-index: 9999;
    padding: 3px 0px;
    right: -1px;
    display: none;
}

    .lv_1 li
    {
        width: 100%;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

        .lv_1 li:hover
        {
            border-top: 1px solid #3b5998;
            border-bottom: 1px solid #3b5998;
            background: #6d84b4;
        }

            .lv_1 li:hover > a
            {
                color: #fff;
            }

        .lv_1 li a
        {
            padding: 2px 15px 2px 22px;
            font-weight: normal;
            font-size: 11px;
        }

#p_body
{
    width: 1000px;
    margin: 0 auto;
}

.p_body_left
{
    width: 323px;
    float: left;
}

.p_box_left
{
    border: 1px solid #d3d6db;
    border-radius: 3px;
    width: 321px;
    background: #fff;
    margin-bottom: 15px;
}

.p_left_title
{
    padding: 13px;
    color: #6a748f;
    font-weight: bold;
}

.p_number
{
    color: #898fb3;
    font-weight: normal;
}

.p_hr_left
{
    border: none;
    border-bottom: 1px solid #e9eaed;
}

.p_left_content
{
    padding: 0px 0px 3px 0px;
    width: 323px;
}

.p_pic_friend
{
    margin: 3px 0px 0px 3px;
    float: left;
    width: 103px;
    height: 103px;
    position: relative;
}

.p_name
{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 3px;
    color: #fff;
    cursor: pointer;
}

.p_icon_info
{
    float: left;
    padding: 0px 7px 0px 0px;
}

.p_info_content
{
    width: 321px;
}

.p_li_info
{
    color: #6a7480;
    font-weight: bold;
    font-size: 11px;
    margin: 12px 10px;
}

.p_link
{
    color: #3b5998;
}

.p_line_li_info
{
    border-bottom: 1px solid #e9eaed;
    width: 301px;
    margin: 0 auto !important;
}

.p_pic_like
{
    margin: 3px 0px 0px 3px;
    width: 103px;
    float: left;
    /*height:103px;*/
}

.p_like_img
{
    display: block;
    width: 101px;
    height: 101px;
    border: 1px solid #e9eaed;
}

.p_name_shop
{
    width: 91px;
    height: 29px;
    padding: 3px 5px;
    border-left: 1px solid #e9eaed;
    border-right: 1px solid #e9eaed;
    border-bottom: 1px solid #e9eaed;
}

.p_name_shop_link
{
    color: #3b5998;
    font-size: 11px;
}

    .p_name_shop_link:hover
    {
        text-decoration: underline;
    }

.p_activity_story
{
    width: 321px;
    font-size: 12px;
    border-top: 1px solid #e9e9e9;
}

    .p_activity_story:hover
    {
        background: #efefef;
    }

        .p_activity_story:hover .p_date
        {
            visibility: visible;
        }

.p_activity_img
{
    display: block;
    width: 64px;
    height: 64px;
    border: 1px solid #808080;
    float: left;
    margin: 3px 0px 3px 3px;
}

.p_activity_name
{
    width: 242px;
    padding: 10px 3px 3px 7px;
    float: left;
    font-size: 12px;
    color: gray;
}

.p_date
{
    display: block;
    color: #999;
    visibility: hidden;
}

.p_name_activity_link
{
    font-size: 12px;
    color: #3b5998;
}

    .p_name_activity_link:hover
    {
        text-decoration: underline;
    }

.p_footer_wrap
{
    width: 313px;
    margin-bottom: 20px;
    padding: 0px 5px;
}

.p_menu_footer
{
    width: 313px;
    display: inline-block;
    padding: 1px 0px;
}

    .p_menu_footer li
    {
        float: left;
        margin: 1px 2px;
    }

        .p_menu_footer li a
        {
            font-size: 12px;
            color: #898f9c;
        }

            .p_menu_footer li a:hover
            {
                text-decoration: underline;
            }

.copy
{
    color: #898f9c;
}

/*right*/
.p_body_right
{
    width: 657px;
    float: right;
    border-radius: 3px;
}

.p_post_status_box
{
    border: 1px solid #d3d6db;
    margin-bottom: 11px;
}

.p_title_post
{
    border-bottom: 1px solid #d3d6db;
    background: #f6f7f8;
    position: relative;
}

    .p_title_post > ul li
    {
        float: left;
    }

.p_active
{
    width: 100%;
    height: 9px;
    background: url("../images/profile/active1.png") no-repeat center;
    position: absolute;
    bottom: -1px;
    visibility: hidden;
}

.p_title_link
{
    display: block;
    font-weight: bold;
    color: #3b5998;
    margin-left: 13px;
    padding: 12px 0px;
    position: relative;
}

    .p_title_link:hover
    {
        text-decoration: underline;
    }

        .p_title_link:hover > .p_active
        {
            visibility: visible;
        }
    /*.p_title_link:visited{
    color:#37404e;
}*/
    .p_title_link > img
    {
        float: left;
        margin: 2px 7px 1px 3px;
    }

.p_text_area
{
    width: 655px;
}

    .p_text_area > textarea
    {
        border: none;
        resize: none;
        width: 635px;
        padding: 15px 10px;
        font-family: Arial;
        font-size: 14px;
        line-height: 18px;
        float: left;
    }

.p_footer_post
{
    background: #f6f7f8;
    border-top: 1px solid #e9eaed;
    height: 40px;
    float: left;
    width: 655px;
}

.p_control_post
{
    float: left;
}

.hov
{
    display: block;
    float: left;
}

    .hov:hover
    {
        background: #f2f2f2;
    }

.add, .time, .gps, .photo, .work
{
    display: block;
    width: 90px;
    float: left;
}

.add
{
    background: url(../images/profile/icon_post.png) no-repeat center;
    background-position: 10px 10px;
}

.time
{
    background-position: -30px 10px;
}

.gps
{
    background: url(../images/profile/icon_post.png) no-repeat center;
    background-position: -70px 10px;
}

.photo
{
    background: url(../images/profile/icon_post.png) no-repeat center;
    background-position: -110px 10px;
}

.work
{
    background: url(../images/profile/icon_post.png) no-repeat center;
    background-position: -149px 10px;
}

.p_button_submit
{
    float: right;
    margin: 7px;
}

.btn_submit
{
    background-color: #4e69a2;
    border: 1px;
    border-radius: 3px;
    border-color: #435a8b #3c5488 #334c83;
    color: #fff;
    font-weight: bold;
    padding: 5px 18px;
    float: right;
    cursor: pointer;
}

.p_select_box_post
{
    float: left;
    margin-right: 7px;
    border: 1px solid #999;
    border-color: transparent;
    cursor: pointer;
}

    .p_select_box_post:hover
    {
        border-color: #999;
    }

.p_text_post
{
    display: block;
    float: left;
    margin: 4px 0px;
    color: #808080;
}

.p_icon_post
{
    width: 12px;
    height: 12px;
    margin: 7px;
    float: left;
}

.p_button_select
{
    width: 12px;
    height: 12px;
    margin: 7px;
    float: right;
    background: url(../images/profile/btnselect.png) no-repeat center;
    background-position: 0px 0px;
}
/*status right*/
.p_auth_post_status
{
    width: 655px;
    border: 1px solid #d3d6db;
    border-radius: 3px;
    background: #fff;
    margin-bottom: 35px;
}

.p_auth_post_box
{
    margin: 12px 12px 3px 12px;
    width: 631px;
}

.p_title_auth
{
}

.p_pic_auth
{
    border-radius: 1px;
    float: left;
    margin-right: 12px;
}

.p_name_text
{
    color: #8f8fb3;
    font-size: 14px;
}

.p_name_auth
{
    color: #3b5998;
    font-weight: bold;
}

.p_link_earth
{
    width: 10px;
    height: 10px;
    background: url(../images/profile/earth.png) no-repeat center;
    background-size: 10px 10px;
    padding: 5px;
    margin-left: 7px;
}

.p_name_text
{
    float: left;
}

.p_time
{
    display: block;
    font-size: 12px;
    float: left;
    margin-top: 5px;
    color: #8f8fb3;
}

.p_comment_text
{
    padding: 10px 0px;
    color: #37404e;
    font-size: 14px;
    margin: 10px 0px;
}

.p_name_auth:hover, .p_link:hover, .p_time:hover
{
    text-decoration: underline;
}

.p_photo_comment
{
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
}

.p_photo
{
    width: 116px;
    height: 116px;
    float: left;
    border: 1px solid rgba(0, 0, 0, .1);
}

.p_photo_name
{
    width: 512px;
    height: 116px;
    float: left;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.p_title_photo
{
    padding: 10px;
}

.p_name_news
{
    color: #3b5998;
    font-weight: bold;
}

.p_share_from
{
    color: #8f8fb3;
    display: block;
}

.p_description
{
    padding: 10px;
    color: #8f8fb3;
}

.p_auth_post_panel
{
    padding: 10px;
    border-top: 1px solid #e6e7e9;
    border-bottom: 1px solid #e6e7e9;
    color: #707cc0;
}

.p_panel_link
{
    color: #707cc0;
}

    .p_panel_link:hover
    {
        text-decoration: underline;
    }

.p_liked
{
    float: right;
}

.p_liked_icon
{
    padding: 6px 9px;
    width: 13px;
    height: 12px;
    background: url(../images/profile/like.png) no-repeat left;
}

.p_post_comment_box
{
    padding: 5px 10px 10px 10px;
    background: #f2f3f4;
}

.p_pic_people_comment
{
    width: 32px;
    height: 32px;
    border: 1px solid #c5cad5;
    border-radius: 1px;
    float: left;
}

.p_text_area_comment
{
    width: 570px;
    float: right;
    padding: 10px;
    resize: none;
    font-family: Arial;
}

.p_post_textarea
{
    width: 590px;
    float: right;
    position: relative;
}

.p_post_label
{
    color: #898f9c;
    line-height: 22px;
}

.p_take_photo
{
    position: absolute;
    z-index: 999;
    display: block;
    width: 15px;
    height: 12px;
    background: url(../images/profile/camera.png) no-repeat center;
    background-size: 15px 12px;
    right: 20px;
    top: 12px;
}

.p_button_next
{
    padding: 5px 4px;
    margin: 1px 5px 1px 3px;
    background: url(../images/profile/button_next.png) no-repeat center;
}

.p_photo_comment_post
{
}

.p_number_like
{
    display: block;
    padding: 4px 0px 10px 0px;
    color: #707cc0;
    border-bottom: 1px solid #ebebeb;
}

.p_comment
{
    background: #fff !important;
}

.p_name_comment
{
    font-size: 13px;
    float: left;
}

.p_time_comment
{
    margin-top: 0px;
    display: block;
    font-size: 12px;
    float: left;
    color: #8f8fb3;
}

.p_comment_time
{
    margin-top: 0px;
}

.p_other_comment
{
    width: 635px;
    display: inline-block;
    margin-top: 10px;
}

.p_name_text_comment
{
    width: 590px;
    font-size: 13px;
}

.p_comment_conttent
{
    color: #4e5665;
    padding-left: 5px;
    font-size: 13px;
}

.p_link_like
{
    font-size: 12px;
}

.line_chart
{
    padding: 0px 5px;
}
/*end status right*/

/*end right*/
/*body_center*/
.p_body_center
{
    width: 1000px;
    margin: 0 auto;
    padding: 15px 0px;
    text-align: center;
    border: 1px solid #d3d6db;
    background: #fff;
}

.p_body_center_lable
{
    font-size: 14px;
    font-weight: bold;
    color: #3b59b0;
}
/*end body center*/
/*timer*/
.p_body_timer
{
    width: 1000px;
    margin: 40px auto 20px auto;
}

.p_hr
{
    border-left: none;
    border-right: none;
    border-top: 1px solid #d3d7dc;
    border-bottom: 1px solid #fff;
}

.p_years
{
    font-size: 18px;
    font-weight: bold;
    color: #a3919c;
    display: block;
    margin-top: -13px;
    margin-left: 10px;
    padding: 0px 10px;
    background: #e9eaed;
    float: left;
}

.p_hightlights
{
    font-size: 12px;
    color: #a3919c;
    float: right;
    display: block;
    margin-top: -10px;
    margin-right: 10px;
    padding: 0px 10px;
    background: #e9eaed;
    cursor: pointer;
}

.bnt_hightlights
{
    float: right;
    margin-top: -13px;
    padding: 7px 0px 7px 10px;
    margin-left: 5px;
    background: url(../images/profile/hightlights.png) no-repeat center;
}
/*end timer*/
/*left footer*/
.p_icon_event
{
    padding: 8px;
    background: url(../images/profile/icon_event.png) no-repeat center;
    margin-right: 10px;
    display: block;
    float: left;
}

.p_left_event
{
    padding: 10px;
}

.p_event_title
{
    color: #3b7dc1;
}

    .p_event_title:hover
    {
        text-decoration: underline;
    }

.img
{
    width: 103px;
    height: 103px;
    display: block;
}

.title
{
    color: #808080;
    text-align: left;
    padding: 0px 5px;
    font-size: 13px;
}

.link
{
    color: #3b5998;
}

.p_text_center
{
    text-align: center;
}

.p_title_face
{
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    line-height: 30px;
}

.p_time_face
{
    color: #8f8fb3;
    line-height: 35px;
}

    .p_time_face:hover
    {
        text-decoration: underline;
    }
/*end left footer*/
/*end profile page*/


/*login*/
/*end login*/
.l_header
{
    width: 100%;
    background: #3b5998;
    height: 82px;
}

.l_header_content
{
    width: 1000px;
    margin: 0 auto;
    font-size: 11px;
    padding-top: 13px;
}

.l_logo
{
    float: left;
    margin-top: 17px;
}

.l_form_login
{
    float: right;
}

.l_label
{
    color: #fff;
    padding-bottom: 4px;
}

.l_label_1
{
    color: #98a9ca;
    padding-top: 4px;
}

.l_label_2:hover
{
    text-decoration: underline;
}

.inputtext
{
    margin: 0;
    width: 142px;
    padding: 3px;
    border: 1px solid #1d2a5b;
}

table tr td
{
    padding: 0 0 0 14px;
}

.l_login_button
{
    color: #fff;
    border: 1px solid #999;
    background-color: #5b74a8;
    border-color: #29447e #29447e #1a356e;
    padding: 3px 6px;
    cursor: pointer;
    font-weight: bold;
    font-size: 11px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
}

.l_check_box
{
    position: absolute;
}

.l_label_check
{
    margin-left: 17px;
}

.l_body
{
    width: 100%;
    background: -webkit-gradient(linear, center top, center bottom, from(white), to(#D3D8E8));
    background: -webkit-linear-gradient(white, #D3D8E8);
    min-height: 570px;
}

.l_body_content
{
    width: 1000px;
    margin: 0 auto;
}

.l_b_right
{
    width: 400px;
    max-width: 400px;
    float: right;
}

.l_title_rigister
{
    font-size: 36px;
    color: #141823;
    margin-bottom: 5px;
}

.l_logan
{
    font-size: 19px;
    color: #141823;
    line-height: 28px;
}

.l_register_box
{
}

.l_inputtext
{
    width: 172px;
    font-size: 18px;
    padding: 8px 10px;
    -webkit-border-radius: 5px;
    margin: 0;
    border: 1px solid #bdc7d8;
    float: left;
    margin-bottom: 10px;
}

.l_lastname
{
    float: right;
}

.l_inputtext_l
{
    width: 377px;
}

.l_label_birthday
{
    color: #333;
    font-size: 18px;
    font-weight: normal;
    margin: 10px 0px 5px 0px;
}

.l_se_day, .l_se_month, .l_se_year
{
    font-size: 13px;
    height: 30px;
    padding: 5px;
}

.l_gender
{
    margin: 10px 0px;
}

.l_rad_gender
{
    display: inline-block;
    padding: 5px 0 5px 4px;
}

._58mt
{
    color: #333;
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    padding: 0 10px 0 3px;
}

.l_button_register
{
    font-size: 19px;
    font-weight: bold;
    -webkit-box-shadow: inset 0 1px 1px #a4e388;
    border-color: #3b6e22 #3b6e22 #2c5115;
    border: 1px solid;
    -webkit-border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    letter-spacing: 1px;
    position: relative;
    text-shadow: 0 1px 2px rgba(0,0,0,.5);
    min-width: 194px;
    padding: 7px 20px;
    text-align: center;
    background: -webkit-gradient(linear, center top, center bottom, from(#67ae55), to(#578843));
    background: -webkit-linear-gradient(#67ae55, #578843);
    background-color: #69a74e;
    -webkit-box-shadow: inset 0 1px 1px #a4e388;
    border-color: #3b6e22 #3b6e22 #2c5115;
    margin: 10px 0px;
}

    .l_button_register:hover
    {
        background: -webkit-gradient(linear, center top, center bottom, from(#79bc64), to(#578843));
        background: -webkit-linear-gradient(#79bc64, #578843);
    }

.l_label_register
{
    margin: 20px 0px;
}


/*box chat*/
.box_chat
{
    /*position:absolute;*/
    right: 100px;
    /*bottom:-178px;*/
    float: left;
}

.c_title_chat
{
    text-align: center;
    background: #333;
}

.box_chat_content
{
    width: 285px;
    padding: 0px 5px;
    background: #EEE;
    box-shadow: 0px 0px 5px #898f9c;
    font-size: 13px;
    color: #fff;
    position: relative;
}

.closeChat
{
    position: absolute;
    right: -8px;
    top: -15px;
}

.avatarSale
{
    border: 2px solid #fff;
    float: left;
    margin-right: 5px;
    box-shadow: 0px 0px 4px gray;
}

.BrandHCM, .c_title_chat
{
    float: left;
    width: 285px;
    border-bottom: 1px dashed gray;
    padding: 10px 0px;
    color: gray;
}

.button-chat
{
    float: left;
    color: #fff;
    border: none;
    background: #333;
    padding: 3px 7px;
    margin-left: 5px;
    font-weight: bold;
    margin-top: 3px;
}

    .button-chat:hover
    {
        cursor: pointer;
        background: #4c66a4;
    }

.BrandHCM p
{
    line-height: 20px;
}

.c_title_chat_seo
{
    background: #333;
    padding-left: 10px;
    margin-left: -5px;
    color: #ddd;
    border-bottom: none;
}

.input_text
{
    border: 1px solid #b4b3b3;
    padding: 6px 5px 6px 25px;
    width: 253px;
    margin: 8px 0px;
    /*padding-left:21px;*/
}

.p_button_start_chat
{
    float: right;
}

.c_username
{
    background: url(../images/c_username.png) no-repeat, #fff;
}

.c_email
{
    background: url(../images/c_email.png) no-repeat,#fff;
}
/*chat*/
.c_chat_content
{
    background: #fff;
    padding: 10px;
    border: 1px solid #b4b3b3;
    height: 245px;
    overflow-y: auto;
}

.c_title_user
{
    font-weight: bold;
}

.c_people_chat
{
    color: #222;
    text-align: justify;
    margin-bottom: 10px;
}

.c_chat_text
{
    width: 80%;
    text-align: justify;
    background: #70f2ff;
    color: #333333;
    padding: 3px 5px;
    margin: 3px 0px;
    border-radius: 5px;
}

.c_time_chat
{
    color: #666;
    width: 100%;
}

.c_t_admin
{
    text-align: left;
}

.c_text_admin
{
    float: left;
}

.c_time_admin
{
    text-align: right;
}

.c_t_user
{
    text-align: right;
}

.c_text_user
{
    float: right;
    background: #fb855e;
}

.c_time_user
{
    text-align: right;
}

.c_input_text_chat
{
    resize: none;
    width: 235px;
    padding: 3px;
    float: left;
    margin-bottom: 5px;
}

.c_hr
{
    border-bottom: none;
    padding: 5px 0px;
}

.btn_chat
{
    height: 40px;
    width: 40px;
    float: right;
    font-weight: bold;
    margin-bottom: 5px;
}
/*end box chat*/

.box-news
{
    width:810px;
    float:left;
    margin-left:10px;
  
}
.box-news-content
{
   
    float:left;
    padding:20px;
    line-height:25px; width:95%;
   
}
.brackcrum
{
    width:100%;
    text-align:right;

}
    .brackcrum a
    
   {color:#4c66a4  ;
    
    }
    
    .brackcrumbottom
{
    width:97.5%;
    text-align:left;
        background:#fff;
    padding-top:10px;border: 1px solid #dfe0e4;
   padding:10px;
}
    .brackcrumbottom a
    
   {color:#4c66a4  ;
       float:left;
       margin-right:10px;
    }
 .brackcrumbottom h3
{
     display:block;float:left;
     font-size:12px;
}
        .brackcrumbottom ul
        {
            display:block;
            padding-left:20px;
        }
         .brackcrumbottom ul li
        {
            width:100%;
            margin-top:5px;
            display:block;
           padding:5px;
        }

.box-news-content .commercial_right
{
width:625px;
}
.lisences
{
    background:#202125;
    
    width:100%;
}
.ilisences
{
   color:#fff;
   display: block;
   float:left;
   padding-top:20px;
   padding-left:5px;
   padding-right:5px;
}
.lisences img
{
 
   float:left;
}